C S S   -   Cascading Style Sheets

2.   selektoren

2.7  pseudoklassen für a-tag

Standardmäßig erhalten links in einem a-tag eine bestimmte farbe und ändern diese, wenn der link angeklickt oder mit dem mauszeiger berührt wird. Das ist browser-abhängig und kann mit pseudoklassen auch anders geregelt werden.

a: pseudo   { vereinbarung/en }

Im style-tag oder der datei müssen die regeln in der nachstehenden reihenfolge definiert werden, es müssen aber nicht alle regeln definiert werden. Für pseudo sind folgende angaben möglich:

linknoch nicht besuchter link
visitedbesuchter link
focusper tabulator angesteuerter link
hovermit maus berührter link
activeangeklickter link

Die wirkung dieser pseudoklassen kann mit hilfe von ID oder einer klasse auf bestimmte a-tags beschränkt werden.

a#id:pseudo { vereinbarung/en } gilt nur für ein a-tag mit dieser ID
a.klasse:pseudo{ vereinbarung/en } gilt nur für ein a-tag mit dieser klasse

CSS-datei
a#aktuell:hover    { color: red; }
a.wichtig:hover    { color: blue; }

verwendung

<a href=". . ." ID="aktuell"> nur bei diesem a-tag wirkt der hover-effekt
<a href=". . ." class="wichtig"> bei allen a-tags dieser klasse wirkt der hover-effekt

beispiel
Als beispiel werden hier die regeln gezeigt, die für die seiten dieser homepage gelten.

hinweis
Alle regeln enthalten die vereinbarung text-decoration: none; das ist nötig um die standardvereinbarung des browsers auszuschalten


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  c s s
  P H P  
  My S Q L  
  JAVASCRIPT